/**
 * rem响应式网站框架
 * 
 * 使用说明：
 *   引用该样式后，需设置:root中--size电脑端设计稿尺寸(默认1920)，--psize手机端设计稿尺寸(默认750)
 *   校准设置后，使用rem单位进行开发即可。
 *   
 *
 * Copyright By Eshine Yali 
 *
 * Released on: August 07, 2024
 */
:root {
  --size: calc(100vw / 1920);
  --psize: calc(100vw / 750);
}
body,
html {
  font-size: var(--size);
  font-family: "Microsoft YaHei";
}
.wap {
  display: none !important;
}
.font-size-44 {
  font-size: 44rem;
  line-height: 1.2;
}
.font-size-40 {
  font-size: 40rem;
  line-height: 1.2;
}
.font-size-36 {
  font-size: 36rem;
  line-height: 1.2;
}
.font-size-30 {
  font-size: 30rem;
  line-height: 1.2;
}
.font-size-24 {
  font-size: 24rem;
  line-height: 1.25;
}
.font-size-20 {
  font-size: 20rem;
  line-height: 1.4;
}
.font-size-18 {
  font-size: 18rem;
  line-height: 1.4;
}
.font-size-16 {
  font-size: 16rem;
  line-height: 1.4;
}
.font-size-14 {
  font-size: 14rem;
  line-height: 1.4;
}
.font-size-12 {
  font-size: 12px;
  line-height: 1.4;
}
.font-size-10 {
  font-size: 10rem;
  line-height: 1.4;
}
.test {
  font-size: 20rem;
  width: 100rem;
  height: 100px;
  background-color: aqua;
}
@media screen and (min-width: 1000px) and (max-width: 1460px) {
  .font-size-24 {
    font-size: 20px;
    line-height: 1.25;
  }
  .font-size-20 {
    font-size: 18px;
    line-height: 1.2;
  }
  .font-size-18 {
    font-size: 15px;
    line-height: 1.4;
  }
  .font-size-16 {
    font-size: 14px;
    line-height: 1.4;
  }
  .font-size-14 {
    font-size: 12px;
    line-height: 1.4;
  }
  .font-size-10 {
    font-size: 10px;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
}
@media screen and (max-width: 999px) {
  body,
  html {
    font-size: var(--psize);
  }
  .pc {
    display: none !important;
  }
  .wap {
    display: block !important;
  }
  .font-size-24 {
    font-size: 20px;
    line-height: 1.25;
  }
  .font-size-18 {
    font-size: 16px;
    line-height: 1.4;
  }
  .font-size-16 {
    font-size: 14px;
    line-height: 1.4;
  }
  .font-size-14 {
    font-size: 12px;
    line-height: 1.4;
  }
  .font-size-10 {
    font-size: 10px;
    line-height: 1.4;
  }
  .test {
    font-size: 20rem;
    width: 100rem;
    height: 100px;
    background-color: aqua;
  }
}
@media screen and (max-width: 450px) {
  .font-size-40 {
    font-size: 24px;
    line-height: 1.4;
  }
  .font-size-30 {
    font-size: 20px;
    line-height: 1.4;
  }
  .font-size-20 {
    font-size: 16px;
    line-height: 1.4;
  }
  .font-size-18 {
    font-size: 14px;
    line-height: 1.2;
  }
}